<%-- 
  -- Body Edit para Teacher
  --
  -- @author ariel.piechotka
--%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>
<%@ taglib uri="/WEB-INF/struts-html-el-1.2.8.tld" prefix="html-el"%>
<%@ taglib uri="/WEB-INF/struts-logic-el-1.2.8.tld" prefix="logic-el"%>
<%@ taglib uri="/WEB-INF/security.tld" prefix="security" %>

<%@ taglib uri="http://struts.apache.org/tags-bean-el" prefix="bean2"%>


<link rel="stylesheet" type="text/css" href="<html:rewrite page='/protected/style/dragdrop.css'/>" id="styleFile"/>

<%-- prototype esta en el main layout --%>
<script src="<html:rewrite page='/protected/script/util.js'/>" type="text/javascript"></script>

<%-- Para EXT --%>
<link rel="stylesheet" type="text/css" href="<html:rewrite page='/protected/script/ext-1.1.1/resources/css/ext-all.css'/>" />

<script src="<html:rewrite page='/protected/script/ext-1.1.1/adapter/ext/ext-base.js'/>" type="text/javascript"></script>
<script src="<html:rewrite page='/protected/script/ext-1.1.1/ext-all.js'/>" type="text/javascript"></script>

<script src="<html:rewrite page='/protected/script/scriptaculous/scriptaculous.js'/>" type="text/javascript"></script>

<script type="text/javascript">
    function modify() {

        var nameValue = $("nameId").value;
        var bodyValue = $("bodyId").value;
        var fileNumberValue = $("fileNumberId").value;
        var cvValue = $("cvId").value;
        var degreeValue = $("degreeId").value;
        var personalIdValue = $("personalIdId").value;
        var taxIdValue = $("taxIdId").value;
        
        if (Util.valid.isBlank(nameValue)) {
            Ext.MessageBox.alert('Error', 'Debe ingresar el nombre. ');
            $("nameId").focus();
            return;
        }
        if (Util.valid.isBlank(fileNumberValue)) {
            Ext.MessageBox.alert('Error', 'Debe ingresar el legajo. ');
            $("fileNumberId").focus();
            return;
        }
        if (Util.valid.isBlank(cvValue)) {
            Ext.MessageBox.alert('Error', 'Debe ingresar el curriculum. ');
            $("cvId").focus();
            return;
        }
        if (Util.valid.isBlank(degreeValue)) {
            Ext.MessageBox.alert('Error', 'Debe ingresar el t&iacute;tulo. ');
            $("degreeId").focus();
            return;
        }
        if (Util.valid.isBlank(personalIdValue)) {
            Ext.MessageBox.alert('Error', 'Debe ingresar el n&uacute;mero de documento. ');
            $("personalIdId").focus();
            return;
        }
        if (Util.valid.isBlank(taxIdValue)) {
            Ext.MessageBox.alert('Error', 'Debe ingresar el CUIL/CUIT. ');
            $("taxIdId").focus();
            return;
        }
        
        var idObj = $("modifyIdId");
        var nameObj = $("modifyNameId");
        var bodyObj = $("modifyBodyId");
        var fileNumberObj = $("modifyFileNumberId");
        var cvObj = $("modifyCvId");
        var degreeObj = $("modifyDegreeId");
        var personalIdObj = $("modifyPersonalIdId");
        var taxIdObj = $("modifyTaxIdId");
        
        idObj.value = $("teacherId").value;
        nameObj.value = nameValue;
        bodyObj.value = bodyValue;
        fileNumberObj.value = fileNumberValue;
        cvObj.value = cvValue;
        degreeObj.value = degreeValue;
        personalIdObj.value = personalIdValue;
        taxIdObj.value = taxIdValue;

        var form = $("modifyTeacherFormId");
        form.submit();
    }
    
    /* Lleva a la cuenta corriente del docente
     */
    var showTeacherAccount = function() {
        // Se saca del teacherId y se lo pone en teacherIdId del showProviderAccountFormId
        $("teacherIdId").value = $("teacherId").value;
        
        var form = $("showProviderAccountFormId");
        form.submit();
    }
</script>

<div class="errors">
    <html:errors />
</div>

<%-- El ID del form NO debe ser modificado. Se usa desde el menu --%>
<html:form action="/protected/showTeacher.do" styleId="teacherFormId">
    <%-- Inyectados por Javascript --%>
    <html:hidden name="teacherForm" property="id" styleId="teacherId"/>

    <h2>Modificaci&oacute;n de docente</h2>
    
    <div class="teacherEdit">
        <table class="tableData" cellspacing="0">
            <tr>
                <td class="tableDataTitle">
                    Legajo*
                </td>
                <td class="tableDataValue">
                    <html:text property="fileNumber" name="teacherForm" styleId="fileNumberId" alt="Legajo del docente" maxlength="10"/>
                </td>            
            </tr>
            <tr>
                <td class="tableDataTitle">
                    Nombre*
                </td>
                <td class="tableDataValue">
                    <html:text property="name" name="teacherForm" styleId="nameId" alt="Nombre del docente" maxlength="100"/>
                </td>            
            </tr>
            <tr>
                <td class="tableDataTitle">
                    N&ordm; de documento*
                </td>
                <td class="tableDataValue">
                    <html:text property="personalId" name="teacherForm" styleId="personalIdId" alt="Numero de documento" maxlength="25"/>
                </td>            
            </tr>
            <tr>
                <td class="tableDataTitle">
                    CUIT/CUIL*
                </td>
                <td class="tableDataValue">
                    <html:text property="taxId" name="teacherForm" styleId="taxIdId" alt="CUIL o CUIT" maxlength="14"/>
                </td>            
            </tr>
            <tr>
                <td class="tableDataTitle">
                    Ente*
                </td>
                <td class="tableDataValue">
                    <html:select property="idBody" styleClass="allSelects" styleId="bodyId" >
                        <html:optionsCollection property="bodyOptions"/>
                    </html:select>
                </td>            
            </tr>
            <tr>
                <td class="tableDataTitle">
                    T&iacute;tulo*
                </td>
                <td class="tableDataValue">
                    <html:text property="degree" name="teacherForm" styleId="degreeId" alt="Titulo del docente" maxlength="150"/>
                </td>            
            </tr>
            <tr>
                <td class="tableDataTitle">
                    Curriculum*
                </td>
                <td class="tableDataValue">
                    <html:textarea property="cv" name="teacherForm" styleId="cvId" alt="Curriculum vitae" cols="40" rows="15"/>
                </td>
            </tr>
        </table>
    
        <br/>
        <div id="clear"></div>
    	<p class="mensajeCamposObligatorios">Los campos marcados con un asterisco (*) son obligatorios.</p>
    	<div id="clear"></div>

        <div id="clear">
        </div>
        
        <%-- Solo los administradores pueden modificar una docente, pero verla, pueden todos --%>
        <security:securizedContent roles="administrador,secretaria">
            <div class="panelButton">
                <input type="button" value="Modificar" onclick="modify();" title="Modifica el docente..." class="button">
                <input type="button" value="Ver Cuenta Corriente" onclick="showTeacherAccount();" title="Ver la cuenta corriente del docente ..." class="button">
            </div>  
        </security:securizedContent>
    
    </div>

</html:form>


<%-- Inyectados por Javascript --%>
<div id="modifyDivId" class="hideClass">
    <html:form action="/protected/modifyTeacher" styleId="modifyTeacherFormId">
        <html:hidden property="id" value="" styleId="modifyIdId" />
        <html:hidden property="name" value="" styleId="modifyNameId" />
        <html:hidden property="idBody" value="" styleId="modifyBodyId" />
        <html:hidden property="fileNumber" value="" styleId="modifyFileNumberId" />
        <html:hidden property="cv" value="" styleId="modifyCvId" />
        <html:hidden property="degree" value="" styleId="modifyDegreeId" />
        <html:hidden property="personalId" value="" styleId="modifyPersonalIdId" />
        <html:hidden property="taxId" value="" styleId="modifyTaxIdId" />
    </html:form>
</div>


<%-- Inyectados por Javascript. Es para mostrar la cuenta corriente --%>
<div id="showProviderAccountDiv" class="hideClass">
    <html:form action="/protected/showProviderAccount" styleId="showProviderAccountFormId">
        <html:hidden property="teacherId" value="" styleId="teacherIdId" />
    </html:form>
</div>